.dis-block {
	display: block;
}

.dis-inline {
	display: inline-block;
}

.dis-flex {
	display: flex;
}

.flex-center-row {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: row;
}

.flex-between-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: row;
}

.flex-between-column {
	display: flex;
	justify-content: space-between;
	flex-direction: column;
}

.flex-center-column {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.flex-around-column {
	display: flex;
	justify-content: space-around;
	flex-direction: column;
}

.flex-around-column-left {
	display: flex;
	justify-content: space-around;
	flex-direction: column;
}

.flex-dir-row {
	flex-direction: row;
}

.flex-dir-column {
	flex-direction: column;
}

.flex-x-center {
	justify-content: center;
}

.flex-x-between {
	justify-content: space-between;
}

.flex-x-around {
	justify-content: space-around;
}

.flex-x-end {
	justify-content: flex-end;
}

.flex-y-center {
	align-items: center;
}

.flex-y-end {
	align-items: flex-end;
}

.flex-no-warp {
	flex-wrap: nowrap;
}

.flex-warp {
	flex-wrap: wrap;
}

.flex-1 {
	flex: 1;
}

.t-l {
	text-align: left;
}

.t-c {
	text-align: center;
}

.t-r {
	text-align: right;
}

.ws-n {
	white-space: nowrap;
}

.p-a {
	position: absolute;
}

.p-r {
	position: relative;
}

.o-h {
	overflow: hidden;
}

.m-y-30 {
	margin: 30rpx 0;
}

.m-l-30 {
	margin-left: 30rpx;
}

.m-r-20 {
	margin-right: 20rpx;
}

.m-r-6 {
	margin-right: 6rpx;
}

.m-b-6 {
	margin-bottom: 6rpx;
}

.m-t-10 {
	margin-top: 10rpx;
}

.m-t-20 {
	margin-top: 20rpx;
}

.m-t-30 {
	margin-top: 30rpx;
}

.m-b-10 {
	margin-bottom: 10rpx;
}

.m-b-20 {
	margin-bottom: 20rpx;
}

.m-b-30 {
	margin-bottom: 30rpx;
}

.p-x-30 {
	padding: 0 30rpx;
}

.p-x-20 {
	padding: 0 20rpx;
}

.p-y-30 {
	padding: 30rpx 0;
}

.p-y-10 {
	padding: 10rpx 0;
}

.p-y-20 {
	padding: 20rpx 0;
}

.f-24 {
	font-size: 24rpx;
}

.f-26 {
	font-size: 26rpx;
}

.f-28 {
	font-size: 28rpx;
}

.f-30 {
	font-size: 30rpx;
}

.f-32 {
	font-size: 32rpx;
}

.f-34 {
	font-size: 34rpx;
}

.f-36 {
	font-size: 36rpx;
}

.f-38 {
	font-size: 38rpx;
}

.f-40 {
	font-size: 40rpx;
}

.f-42 {
	font-size: 42rpx;
}

.f-44 {
	font-size: 44rpx;
}

.f-46 {
	font-size: 46rpx;
}

.f-48 {
	font-size: 48rpx;
}

.f-w600 {
	font-weight: 600;
	font-family: PingFangSC-Semibold, PingFang SC;
}

.f-w400 {
	font-weight: 400;
	font-family: PingFangSC-Semibold, PingFang SC;
}

.f-w500 {
	font-weight: 500;
	font-family: PingFangSC-Semibold, PingFang SC;
}

.f-w800 {
	font-weight: 800;
	font-family: PingFangSC-Semibold, PingFang SC;
}

.f-bold {
	font-weight: bold;
	font-family: PingFangSC-Semibold, PingFang SC;
}

.f-lighter {
	font-weight: lighter;
	font-family: PingFangSC-Semibold, PingFang SC;
}

.f-normal {
	font-weight: normal;
	font-family: PingFangSC-Semibold, PingFang SC;
}

.col-f {
	color: #fff;
}

.col-0 {
	color: #000;
}

.col-3 {
	color: #333;
}

.col-6 {
	color: #666;
}

.col-9 {
	color: #999;
}

.col-success {
	color: #5ac725;
}

.col-warning {
	color: #f9ae3d;
}

.col-error {
	color: #f56c6c;
}

.col-protocol {
	color: rgba(68, 116, 251, 1);
}

.ls-2 {
	letter-spacing: 2rpx;
}

.td-c {
	text-decoration: line-through
}



.bottom-button {
	position: fixed;
	bottom: 80rpx;
	left: 50%;
	transform: translateX(-50%);
	width: 600rpx;
	height: 100rpx;
	text-align: center;
	font-size: 40rpx;
	font-weight: bold;
	letter-spacing: 6rpx;
	line-height: 100rpx;
	color: #fff;
	border-radius: 14rpx;
	background: linear-gradient(180deg, #6E86FFFF 0%, #A7B5FFFF 100%);
}

.protocol {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 80rpx;
	text-align: center;
	line-height: 80rpx;
	font-size: 26rpx;
	background-color: rgba(255, 255, 255, 0.9);
}
